<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>帮助中心</title>
    <style>
        /* 通配符 */
        * {
            background-color: pink;
        }

        /* 链接伪类不要更换使用顺序，否则可能出现与理想状态不符的效果
        所以严格遵循 :link  :visited :hover :active  的使用顺序 */




        /* 选出所有未访问过的链接并更改样式为以下 */
        section ol ul li a:link {
            color: #333;
            /* 清楚下划线样式 */
            text-decoration: none;
        }

        /* 选出所有访问过的链接并且更改为以下样式 */
        section ol ul li a:visited {
            color: red;

        }

        /* 当鼠标经过链接时更改为以下样式 */
        section ol ul li a:hover {
            color: blue;
            /* 增加下划线样式 */
            text-decoration: underline;
            /* 字体加粗    400为正常=normal   700为加粗=bold */
            font-weight: 700;

        }

        /* 当鼠标按下链接未放开时选出链接更为为以下样式 */
        section ol ul li a:active {
            color: seagreen;
        }
    </style>
</head>

<body>
    <header>
        <h2>常见问题</h2>
    </header>
    <section>
        <ol>
            <li>注册与登录</li>
            <ul>

                <li> <a href="#0">注册</a></li>
                <li> <a href="#1">登录</a></li>
                <li> <a href="#2">登录验证</a></li>

            </ul>
            <li>账号与安全</li>
            <ul>
                <li> <a href="#3">找回密码/解绑手机</a></li>
                <li> <a href="#4">账号修复升级</a></li>
                <li> <a href="#5">提升账号安全</a></li>
                <li> <a href="#6">账号冻结与禁用</a></li>
                <li> <a href="#7">反垃圾/病毒/诈骗</a></li>
                <li> <a href="#8">密保工具</a></li>
                <li> <a href="#9">安全锁</a></li>
                <li> <a href="#10">防沉迷系统</a></li>
            </ul>
            <li>邮箱设置</li>
            <li>手机服务</li>
            <li>热点问题</li>
        </ol>
    </section>
</body>

</html>